.ackkh_zx {position:relative;background:#fff;padding-bottom:80px;padding-top:60px;overflow:hidden;} .ackkh_zx .triangle1 {width:0;height:0;border-color:transparent #e60012;border-width:0 0 670px 164px;border-style:solid;position:absolute;left:0;top:0;} .ackkh_zx .triangle2 {width:0;height:0;border-color:#e60012 transparent;border-width:0 0 670px 164px;border-style:solid;position:absolute;right:0;bottom:0;} .ackkh_zx .news-ilist {margin-top:56px;} .ackkh_zx .col-md-4 {padding:0 10px;} .ackkh_zx .item {background-color:#f5f5f5;padding:15px;} .ackkh_zx .news-title {padding-bottom:20px;} .ackkh_zx .news-title span {color:#333333;font-weight:bold;font-size:20px;} .ackkh_zx .news-title a {font-size:16px;color:#666;margin-top:3px;} .ackkh_zx .news-show .pic {width:100%;overflow:hidden;display:block;} .ackkh_zx .news-show .pic img {transition:transform 2s;-webkit-transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;width:100%;} .ackkh_zx .news-show .pic:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);} .ackkh_zx .news-recommend-list {margin-top:18px;height:264px;} .ackkh_zx .news-tit {text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:14px;color:#666;line-height:34px; position: relative; } .ackkh_zx .news-tit:hover { color: #e60012; } @media screen and (max-width:991px) {.ackkh_zx .col-md-4 {margin-bottom:20px;} .ackkh_zx .news-ilist {margin-top:24px;} } @media screen and (max-width:991px) {.ackkh_zx .item {padding:20px;} .ackkh_zx {padding-bottom:30px;} } @media screen and (max-width:767px) {.ackkh_zx .news-title a {font-size:14px;margin-top:5px;} } .ackkh_zx .ackkh_zx_t { text-align: center; } .ackkh_zx .ackkh_zx_t h2 { font-size: 36px; color: #333;margin-bottom: 10px; font-weight: bold; } .ackkh_zx .ackkh_zx_t p { font-size: 16px;color: #888; } @media (max-width: 1199px ) { .ackkh_zx .ackkh_zx_t h2 { font-size: 30px; } } @media(max-width: 500px) { .ackkh_zx { padding-top: 40px; } .ackkh_zx .ackkh_zx_t h2 { font-size: 26px; letter-spacing: 0; } .ackkh_zx .ackkh_zx_t p { font-size: 14px; } } .ny_container{width: 1300px;margin: 0 auto;} @media (max-width: 768px){ .ny_container{padding-left: 10px;padding-right: 10px; width: 100%;} } @media (min-width: 768px){ .ny_container{width: 750px;margin: 0 auto;} } @media (min-width: 992px){ .ny_container{width: 970px;margin: 0 auto;} } @media (min-width: 1200px){ .ny_container{width: 1170px;margin: 0 auto;} } @media (min-width: 1330px){ .ny_container{width: 1270px;margin: 0 auto;} } /* 头部 */ #header{height: 88px;position: fixed;top: 0;width: 100%;background: url(../images/headerbg.png) repeat-x;padding:0 15px;z-index: 1000;transition: all .3s;-webkit-transition: all .3s;} #header:hover, #header.active{background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 30%);} .headcon{position:relative;z-index:999;} .logo{float: left;margin:15px 0 0 0px;} .logo a{display: block;position:relative;} .logo a img{height:60px;display:block;} .logo a img.logo-def{position: relative;left: 0;top: 0;z-index: 1;} .logo a img.logo-fix{position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;} #header:hover .logo a img.logo-def, #header.active .logo a img.logo-def{opacity: 0;} #header:hover .logo a img.logo-fix, #header.active .logo a img.logo-fix{opacity: 1;} .head-raea{float: right;margin-left:30px;position: relative;} #search-btn{float:left;display:block;line-height: 88px;color:#fff;font-size:20px;width:60px;padding:0 20px;cursor:pointer;} #search-close{float:left;display:block;line-height: 34px;margin: 22px 0;color:#fff;font-size:30px;cursor:pointer;display:none;} .search-con{position:absolute;right:0;top:88px;width:350px;background:#4a4a4a;padding:10px;overflow:hidden;display:none;} .search-con form{background:#fff;} #keyword{display: block;height: 40px;width: 100%;background: none;text-indent: 1em;padding-right:50px;} .search-con .s_bt{position: absolute;right: 10px;top: 10px;cursor: pointer;display: block;width: 40px;height: 40px;background: url(../images/page/search-btn.png) no-repeat;} .search-con .s_bt:hover{background-color:#ddd;} .head-lang{float:left;position:relative;margin:21px 0;} .head-lang a{display: block;font-size: 18px;line-height:26px;font-weight: bold;color: #fff;position: relative;padding:10px 14px 10px 46px;background:url(../images/page/lang-cn.jpg) no-repeat left 14px center;} .head-lang a:hover{background-color: #ddd;} #m-head-nav{height: 16px;position: relative;float: left;display:none;margin-left: 20px;margin-top: 36px;width: 24px;} #m-head-nav .line{width: 24px;height: 2px;background-color: #fff;position: absolute;left: 0px;top: 7px;} #m-head-nav .line1{margin-top: -7px;} #m-head-nav .line3{margin-top: 7px;} #m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #m-head-nav[data-active="on"] .line2{display: none;} #m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} #header:hover #m-head-nav .line, #header.active #m-head-nav .line{background-color:#e60012;} @media (max-width: 991px){ #m-head-nav{display:block;} } /* 导航栏 */ .nav{float: right;} .nav>li{float: left;margin-right: 40px;position:relative;} .nav>li:last-child{margin-right: 0;} .nav>li>a{display: block;font-size: 18px;padding: 0;color: #fff;position: relative;line-height: 88px;padding:0 8px;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav>li>a::after{content: '';position: absolute;left: 50%;right: 50%;bottom: 0;height: 4px;background-color: #fff;-webkit-transition-property: left,right;transition-property: left,right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .nav>li:last-child>a::before{display:none;} .nav-er-box{position: absolute;top: 100%;left: 50%;margin-left: -90px;width: 180px;display: none;padding-top: 6px;box-shadow: 0 10px 10px 0px rgb(0 0 0 / 40%);} .nav-er-list{background: #333;line-height: 40px;position: relative;border-bottom: 1px solid #666;} .nav-er-list:last-child{border-bottom: none;} .nav-er-list a{display: block;padding: 0 15px;font-weight: bold;} .nav-san-box{position: absolute;top:0;left: 100%;width: 218px;background: #fff;display: none;} .nav>li:last-child>.nav-er-box .nav-san-box{left: auto;right:100%} .nav-er{color: #f7f7f7;font-size: 15px;transition: 0.3s all ease;} .nav-er i{float: left;display:block;width:20px;height:20px;margin-right:10px;margin-top:10px; background-repeat: no-repeat;background-size: 20px;transition: 0.3s all ease;} .nav-er span{display: block;text-align:center;} .nav-san-box a{position: relative;display: block;padding-left: 56px;} .nav-san-box a::before{content: '';position: absolute;top:15px;left: 23px;width: 10px;height: 10px;background: url(../images/page/nav-rjt.png);} .nav-yi::after{position: absolute;content: ''; bottom:25px;left: 0;width: 100%;border-bottom: 2px solid #e60012;display: none;} .nav-er-box::before{position: absolute;content: ''; width: 18px;height: 6px;background: url(../images/page/nav-up.png) no-repeat center;left: 50%;margin-left: -9px;top:0;} .nav li.active .nav-yi{color: #e60012;} .nav-box li.active .nav-yi::after{display: block;} .nav>li:hover .nav-er-box{display: block;} .nav>li:hover .nav-yi{color: #e60012;} .nav>li:hover .nav-yi:after{display: block;} .nav-er-list:hover .nav-er{color: #e60012;} .nav-er-list:hover .nav-er i{background-position-y: -20px;} .nav-er-list:hover{background: #fff;} .nav-er-list:hover .nav-san-box{display: block;} .nav-san-box a:hover{color: #e60012;} .nav>li:hover>a::after, .nav>li.cur>a::after{left: 0;right: 0;} #header:hover .nav>li>a, #header.active .nav>li>a{color:#333;} #header:hover .nav>li:hover>a, #header:hover .nav>li.cur>a, #header:hover .nav>li>a:focus, #header:hover .nav>li>a:hover, #header.active .nav>li:hover>a, #header.active .nav>li.cur>a, #header.active .nav>li>a:focus, #header.active .nav>li>a:hover{background:transparent;color:#e60012;} #header:hover .nav>li>a::after, #header.active .nav>li>a::after{background-color: #e60012;} #header:hover .head-raea #search-btn, #header.active .head-raea #search-btn{color: #333;} #header:hover .head-raea #search-btn:hover{color: #e60012;} #header:hover .head-raea .head-lang a, #header.active .head-raea .head-lang a{color: #333;} #header:hover .head-htel, #header.active .head-htel{color: #666;background: url(../images/htelx.png) no-repeat left;} #header:hover .head-htel h4 a, #header.active .head-htel h4 a{color: #333;} /* 小屏幕导航 */ .mm-nav-box{overflow:hidden;position: fixed;top: 90px;right: 0;width: 100%;height: 100%;z-index: 998;display: none;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);} .mm-nav-box[data-on="active"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);} .mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;width: 40%;padding-bottom: 15px;z-index: 100;border-top: 1px solid rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);} .mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;} .mm-nav-box .mm-nav .li1{margin: 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;} .mm-nav-box .mm-nav .li1.on .a1{color: #e00000;} .mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 60px;line-height: 60px;} .mm-nav-box .mm-nav .li1 .mm-title .am{display:block;width:100%;height:100%;} .mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;} .mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;} .mm-nav-box .mm-nav .li1 .mm-title .mclick{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mm-nav-box .mm-nav .li1 .mm-title .mclick a{display:block;width:100%;height:100%;} .mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#e60012} .mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;} .mm-nav-box .mm-nav .li1 .mm-innav li a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;} .mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#e60012} .mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;} .mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;} .mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;} .mm-nav-box .mm-wrap .mmlang .mmitem.on{color: #e00000;} .header_space{width: 100%;height: 88px;display: block;} @media (max-width: 1629px){ .head-raea{margin-left: 50px;} } @media (max-width: 1529px){ .head-raea{margin-left: 30px;} } @media (max-width: 1429px){ .nav>li{margin-right:30px;} } @media (max-width: 1329px){ .head-raea{margin-left: 50px;} .nav>li{margin-right:25px;} } @media (max-width: 1199px){ .head-raea{margin-left: 10px;} .nav>li{margin-right:10px;} .nav>li>a { font-size: 16px; } .nav>li>a::before{right: -6px;} } @media (max-width: 991px){ .nav{display:none;} .mm-nav-box {display: block;} .header_space{display:block;} .head-raea{margin-left:0;} } @media (max-width: 800px){ .mm-nav-box .mm-nav .li1 .mm-title{height: 45px;line-height: 45px;} } @media (max-width: 600px){ .mm-nav-box .mm-wrap{width: 100%;padding-bottom: 0;} .mm-nav-box .mm-nav .li1 .mm-title .a1{font-size: 14px;} .mm-nav-box .mm-nav .li1 .mm-innav li a{font-size: 13px;} .mm-nav-box .mm-nav .li1{margin: 0 10px;} .mm-nav-box .mm-wrap .mmlang{display: block;} } @media( max-width: 767px) { .logo{margin: 15px 0 0 0;} } @media (max-width: 500px){ #header, .header_space{height:66px;} #header{padding:0 15px;} #header:hover .logo, #header.active .logo{margin: 12px 0 0 0;} #search-btn{padding:0 15px;line-height:66px;width:50px;} .head-lang{margin:10px 0;} #m-head-nav{margin-left:15px;margin-top: 25px;} .mm-nav-box{top: 66px;} } @media (max-width: 400px){ #search-btn{padding:0 10px;width:40px;} .head-lang{margin:12px 0;} .head-lang a{padding:8px 8px 8px 40px;background: url(../images/page/lang-cn.jpg) no-repeat left 8px center;} #m-head-nav{margin-left:10px;} } @media (max-width: 350px){ #search-btn{display:none;} } @media(max-width: 767px) { .logo a img { height: 53px; } } @media(max-width: 500px) { .logo a img { height: 43px; } } /* Banner */ #banner{position:relative;} #banner .swiper-slide a{display:block;} #banner .swiper-slide img{display:block;max-width:100%;} #banner .swiper-pagination{bottom:60px;font-size:0;} #banner .swiper-pagination-bullet{width:30px;height:30px;opacity:1;border-radius: 50%;border:3px solid transparent;background:transparent;position:relative;} #banner .swiper-pagination-bullet:after{content:'';width:8px;height:8px;background:#fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} #banner .swiper-pagination-bullet-active{border-color:rgb(255 255 255 / 80%);} #banner .swiper-pagination-bullet-active:after{background:#e60012;} #banner .swiper-button-prev, #banner .swiper-button-next{width:46px;height:46px;background:url(../images/page/ban-jt.png) no-repeat center left;border:1px solid #fff;border-radius:50%;transition:all .3s;-webkit-transition:all .3s;} #banner .swiper-button-prev{left:-60px;} #banner .swiper-button-next{right:-60px;transform: rotate(180deg);} #banner:hover .swiper-button-prev{left:60px;} #banner:hover .swiper-button-next{right:60px;} #banner .swiper-button-prev:hover, #banner .swiper-button-next:hover{border-color:#e60012;background:url(../images/page/ban-jt.png) no-repeat center left -46px;box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);} #banner .scrbtn{position:absolute;left:0;right:0;bottom:0;z-index:1;} #banner .scrbtn a{display:block;width:192px;height:42px;margin:0 auto;background:url(../images/scroll.png) no-repeat;} @media (max-width: 1400px){ #banner .swiper-button-prev{left:60px;} #banner .swiper-button-next{right:60px;} } @media(max-width: 1199px) { #banner .swiper-button-prev, #banner .swiper-button-next { display: none; } } @media (max-width: 767px){ #banner .swiper-pagination{bottom:20px;} #banner .swiper-pagination-bullet{border:none;} #banner .swiper-button-prev, #banner .swiper-button-next{display:none;} #banner .scrbtn{display:none;} } @media (max-width: 450px){ #banner .swiper-pagination{bottom: 0px;} } /* Title */ .title{padding:0 10px;text-align: center;} .title h2{font-size: 48px;color: #333;font-weight: bold;text-transform:uppercase;} .title p{color: #999;font-size: 16px;margin-top: 8px;text-transform:uppercase;font-family:Arial;} @media only screen and (max-width:767px){ .title h2{font-size: 36px;} .title p{font-size: 14px;margin-top: 5px;} } @media only screen and (max-width:500px){ .title h2{font-size: 24px;} } /*banner上面文字*/ .ban_desc { position: absolute; top: 35%; left: 260px; z-index: 999; } .ban_desc img { max-width: 100%; display: block; } .ban_desc p { margin-top: 5px; font-size: 18px; line-height: 2; color: #fff; } .ban_desc span { width: 180px; height: 44px; display: block; border: 1px solid #fff; border-radius: 30px; margin-top: 20px; position: relative; z-index: 99;} .ban_desc span em { font-size: 18px; line-height: 44px; color: #fff; position: relative; z-index: 999; text-align: center; display: block;} .ban_desc:hover span{ background: #008fb4; border: 1px solid #008fb4; } @media ( max-width: 1400px ) { .ban_desc { top: 30%; left:100px; } .ban_desc img { max-width: 70% !important; } .ban_desc p { font-size: 16px; } .ban_desc span { width: 160px; height: 40px;} .ban_desc span em { font-size: 16px; line-height: 40px; } } @media ( max-width: 1199px ) { .ban_desc { left:20px; } #banner .swiper-pagination {bottom: 30px; } } @media (max-width: 991px ) { .ban_desc { top: 15%; } .ban_desc img { max-width: 50% !important; } .ban_desc p { max-width: 300px; font-size: 13px; } } /*首页痛点*/ .sy_td {padding:70px 0; background: #f4f6ff; overflow: hidden; } .sy_td .sy_td_bt { text-align: center; } .sy_td .sy_td_bt h2 {font-size: 40px; color: #333;margin-bottom: 10px; letter-spacing: 0.2rem; } .sy_td .sy_td_bt p { font-size: 16px;color: #888;} .sy_td .sy_td_nr { overflow: hidden; display: block; margin-top: 50px; } .sy_td_nr>.W20{ padding-right: 10px; padding-left: 10px; display: block; width: 20%; float: left; } .sy_td_nr>.W20 dt { overflow: hidden; display: block; position: relative; z-index: 1;} .sy_td_nr>.W20 dt img { max-width: 100%; display: block; } .sy_td_nr>.W20 .desc {width:100%;text-align:center;position: absolute; top: 50%; left: 50%; display: block;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); z-index: 2;} .sy_td_nr>.W20 .desc p { font-size: 30px; color:#fff; letter-spacing:1px; } .sy_td_nr>.W20 .desc em { text-transform: uppercase; font-size: 12px; color: #fff; text-align: center; display: block; } .sy_td_nr>.W20 span { line-height: 60px; width: 100%; background: #fff; color:#333; text-align: center; font-size: 16px; display: block; } .sy_td_nr>.W20:hover span { color: #e60012; } .sy_td a { margin:0 auto; display: block; text-align: center; margin-top: 30px; line-height: 50px; width: 200px; background: #222; border-radius: 30px; font-size: 16px; color: #fff; position: relative; overflow: hidden; transition: all 0.5s;} .sy_td a:hover { background: #e60012; } .sy_td a em { content: ""; position: absolute; display: block; transition: all .6s;width: 100%; height: 0;border-radius: 50%; left: 50%;top: 50%; padding-top: 100%; transform: translateX(-50%) translateY(-50%); -webkit-animation: wave 1.3s infinite;animation: wave 1.3s infinite; z-index: 1; } @-webkit-keyframes wave{0%{background:rgba(255,255,255,.8);transform:translateX(-50%) translateY(-50%) scale(0)}to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}} @keyframes wave{0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}} @media( max-width: 1499px) { .sy_td_nr>.W20 .desc p { font-size: 28px; } } @media(max-width: 1299px) { .sy_td_nr>.W20 .desc p { font-size: 24px; } } @media(max-width: 1199px) { .sy_td_nr>.W20 .desc p { font-size: 20px; } .sy_td_nr>.W20 .desc em { text-transform: none; } .sy_td_nr>.W20 span { font-size: 14px; } } @media( max-width: 991px) { .sy_td_nr>.W20 { width: 33.33%; margin-bottom: 25px; } .sy_td { padding:50px 0; } .sy_td .sy_td_bt h2 { font-size: 30px; } } @media( max-width: 767px) { .sy_td_nr>.W20 { width: 50%; } } @media(max-width: 500px) { .sy_td { padding:30px 0; } .sy_td .sy_td_nr { margin-top: 30px; } .sy_td .sy_td_bt h2 { font-size: 24px; letter-spacing: 0; } .sy_td_nr>.W20 .desc p { font-size: 18px; } .sy_td_nr>.W20 span { font-size: 13px; line-height: 40px; } .sy_td a { margin-top: 0px; width: 180px; line-height: 40px; } } /*解决痛点*/ .sy_jjtd { background:#fff; padding:60px 0 70px 0;} .sy_jjtd .row { position: relative; } .sy_jjtd .sy_jjtd_bt { text-align: center;} .sy_jjtd .sy_jjtd_bt p { font-size: 40px;color: #333;margin-bottom: 10px;letter-spacing: 0.2rem;} .sy_jjtd .sy_jjtd_bt p:last-child { font-size: 16px; color: #888; } .sy_jjtd .sy_jjtd_nr { display: flex; margin-top: 60px; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 { flex: 1; text-align: center; margin: 0 auto; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 p { font-size: 22px; color: #353535; transition: all 0.5s; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1:hover p { color: #e60012; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 p em { color: #e60012; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 span { margin: 15px 0; display: block; font-size: 14px; color: #666; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 dt { display: block; overflow: hidden; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 dt img { max-width: 100%; display: block; margin: 0 auto; } @media(max-width: 1799px) { .sy_jjtd { padding-top: 60px; margin-top: 40px;} } @media(max-width: 1699px) { .sy_jjtd { padding-top: 60px; margin-top: 40px;} } @media(max-width: 1599px) { .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 dt img { max-width: 90px; } } @media(max-width: 1499px) { .sy_jjtd { margin-top: 10px; } .sy_jjtd .sy_jjtd_bt { position: static; text-align: center; margin-bottom: 60px;} } @media(max-width: 1299px) { } @media(max-width: 1199px) { .sy_jjtd .sy_jjtd_nr { margin-top: 100px; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 p { font-size: 20px; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 span { font-size: 13px; line-height: 1.8; } } @media(max-width: 991px) { .sy_jjtd { padding-bottom: 0px; } .sy_jjtd .sy_jjtd_bt { margin-bottom: 40px; } .sy_jjtd .sy_jjtd_nr { display: inline; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 { width: 33.33%; float: left; margin-bottom: 30px; height: 210px; } } @media(max-width: 767px) { .sy_jjtd { padding-top: 30px; } .sy_jjtd .sy_jjtd_bt p::after { font-size: 14px; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 { width: 50%; } .sy_jjtd .sy_jjtd_nr { margin-top: 30px; } } @media( max-width: 500px) { .sy_jjtd .sy_jjtd_bt p { font-size: 26px; } .sy_jjtd .sy_jjtd_bt p::after { bottom: -60px; } .sy_jjtd .sy_jjtd_nr .sy_jjtd_nr1 p { font-size: 18px; } } /*首页权益*/ .acgkh_qy1 { overflow: hidden; background: #f4f6ff; padding:70px 0; } .acgkh_qy1 .acgkh_qy1_t { text-align: center; } .acgkh_qy1 .acgkh_qy1_t h2 { font-size: 40px;color: #333;margin-bottom: 10px;letter-spacing: 0.2rem;} .acgkh_qy1 .acgkh_qy1_t p { font-size: 16px;color: #888; } .acgkh_qy1_nr { margin-top: 50px; overflow: hidden; } .acgkh_qy1_nr li { padding: 10px 0 30px;text-align: center; } .acgkh_qy1_nr li div { width: 90%; height: 100%; background: #fff;border-radius: 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding: 35px 30px; margin: 0 auto; overflow: hidden; transition: .5s; } .acgkh_qy1_nr li:hover div { box-shadow: 0 5px 5px rgba(230,0,18,0.2); } .acgkh_qy1_nr li div p { font-size: 28px; color: #666; line-height: 2; } .acgkh_qy1_nr li div span { font-size: 16px; color: #999; } @media(max-width: 1199px) { .acgkh_qy1_nr li div p { font-size: 22px; } .acgkh_qy1_nr li div { height: 282px; } } @media(max-width: 991px) { .acgkh_qy1 { padding-top: 50px; } .acgkh_qy1 .acgkh_qy1_t h2 { font-size: 30px; } .acgkh_qy1_nr { margin-top: 40px; } } @media( max-width: 767px) { .acgkh_qy1_nr li div { padding:15px 10px; } .acgkh_qy1_nr li div p { font-size: 20px; } .acgkh_qy1 { padding-bottom: 40px; } } @media( max-width: 500px) { .acgkh_qy1 { } .acgkh_qy1 .acgkh_qy1_t h2 { font-size: 26px; letter-spacing: 0; } .acgkh_qy1 .acgkh_qy1_t p { font-size: 14px; } .acgkh_qy1_nr li div { height: 260px; } .acgkh_qy1_nr li div span { font-size: 14px; line-height: 1.6; margin-top:5px; display: block;} .acgkh_qy1_nr li div p { font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } /*strength*/ #youshi { background: #f5f5f5; padding:80px 0 80px 0; overflow: hidden; } #youshi .youshi_t { text-align: center; } #youshi .youshi_t h2 {font-size: 40px; color: #333;margin-bottom: 10px; letter-spacing: 0.2rem; } #youshi .youshi_t p { font-size: 16px;color: #888;} #youshi .youshi_50{padding-top:50px; } #youshi .youshi_l ul li{margin-top: 50px; overflow: hidden; transition: all 0.5s;} #youshi .youshi_l ul li .litxt h5{ font-size: 22px; line-height: 48px; color: #333; font-weight: bold; text-align: right; position: relative; padding-right: 20px;} #youshi .youshi_l ul li .litxt h5::before{ position: absolute; content: '■' ; right: 0;} #youshi .youshi_l ul li .litxt p{ font-size: 14px; color: #666; text-align: right; line-height: 1.8;} #youshi .youshi_l ul{position: relative;} #youshi .youshi_l ul li.li2{position: inherit; right: 80px;} #youshi .youshi_l{ width: 33.333%;} #youshi .youshi_r ul li{margin-top: 50px; overflow: hidden;} #youshi .youshi_r ul li .litxt h5{ font-size: 22px; line-height: 48px; color: #333; font-weight: bold; text-align: left; position: relative; padding-left: 20px;} #youshi .youshi_r ul li .litxt h5::before{ position: absolute; content: '■' ; left: 0;} #youshi .youshi_r ul li .litxt p{ font-size: 14px; color: #666; text-align: left; line-height: 1.8;} #youshi .youshi_r ul{position: relative;} #youshi .youshi_r ul li.li5{position: inherit; left: 80px;} #youshi .youshi_r{ width: 33.333%;} #youshi .youshi_m{text-align: center; padding-left: 0px; padding-right: 0px;} #youshi .youshi_m img{padding-top: 10%;} #youshi .zixun{ text-align: center; display: table; margin:0 auto; margin-top: 30px;} #youshi .zixun ul li{ float: left; width: 180px; height: 40px; line-height: 40px; font-size: 16px; } #youshi .zixun ul li a{color: #fff; display: block;} #youshi .zixun ul li.zixun_online{ background: #333; border-radius: 20px 0px 0px 20px;} #youshi .zixun ul li.zixun_online a{background: url(../images/zixun_online.png) no-repeat 120px 10px; padding-right: 20px;} #youshi .zixun ul li.zixun_tel{ background: #cd2424; border-radius: 0px 20px 20px 0px;} #youshi .zixun ul li.zixun_tel a{background: url(../images/zixun_tel.png) no-repeat 120px 12px; padding-right: 20px;} #youshi ul li:hover h5::before { color: #e60012; } #youshi .youshi_l ul li:hover h5 { color: #e60012; } #youshi .youshi_r ul li:hover h5 { color: #e60012; } @media (max-width: 1300px ) { #youshi .youshi_l ul li .litxt h5 { font-size: 20px; } #youshi .youshi_l ul li img { margin-top: 40px; } #youshi .youshi_r ul li img { margin-top: 40px; } } @media(max-width: 1199px){ #youshi .youshi_t h2 { font-size: 30px; } #youshi .youshi_l ul li .litxt{padding:0; } #youshi .youshi_l ul li.li2 { right: 25px; } #youshi .youshi_r ul li.li5 { left:25px; } #youshi .youshi_l ul li .litxt h5{ font-size: 18px; line-height: 36px;} #youshi .youshi_l ul li .litxt p{ font-size: 14px;} #youshi .youshi_r ul li .litxt h5{ font-size: 18px; line-height: 36px;} #youshi .youshi_r ul li .litxt{padding:0; } #youshi .youshi_r ul li .litxt p{ font-size: 14px;} #youshi .youshi_l ul li{margin-top: 25px;} #youshi .youshi_r ul li{margin-top: 25px;} } @media(max-width: 991px){ #youshi .youshi_50{padding: 0;} #youshi .youshi_l{ width: 50%;} #youshi .youshi_r{ width: 50%;} #youshi .youshi_l ul li.li2{right: 0;} #youshi .youshi_r ul li.li5{left: 0;} } @media(max-width: 767px){ #youshi .youshi_t em{ font-size: 42px;} #youshi .youshi_t h2{ font-size: 26px; line-height: 42px;} #youshi .youshi_l{ width: 100%; padding: 0;} #youshi .youshi_r{ width: 100%; padding: 0;} #youshi .zixun ul li{ width: 160px;} #youshi .youshi_m img{ padding-top: 5%;} #youshi .youshi_l ul li{margin-top: 15px;} #youshi .youshi_l ul li .litxt{ float: right;} #youshi .youshi_l ul li img{ float: left;} #youshi .youshi_l ul li .litxt h5{ text-align: left; padding-left: 20px; } #youshi .youshi_l ul li .litxt h5::before{ left: 0;} #youshi .youshi_l ul li .litxt p{text-align: left;} } /* 我们能做什么 */ .JiJin1{ padding: 60px 0px 30px 0; background: #fff; position: relative; z-index: 3;} .JiJin1 .JiJin1_title{ text-align: center; margin-bottom: 60px;} .JiJin1 .JiJin1_title .JiJin1_title_dd{ font-size: 40px; color: #333;margin-bottom: 10px; letter-spacing: 0.2rem; } .JiJin1 .JiJin1_title .JiJin1_title_dt{ font-size: 16px;color: #888;} .JiJin1 .JiJin1_content{ display: flex;} .JiJin1 .JiJin1_content .JiJin1_content_list{ width: 50%;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ background: url(../images/bg1.jpg) no-repeat 50%/cover;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list:last-child .content_list_top{ background: url(../images/bg2.jpg) no-repeat 50%/cover;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 460px; position: relative;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_p{ position: absolute; right: 0; top: 0; right: 10%; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 32px; color: #fff; position: relative; margin-bottom: 44px; padding-bottom: 33px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title::before{ content: ""; display: inline-block; width: 55px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p{ font-size: 18px; color: #fff; display: flex; align-items: center; margin-bottom: 18px;transition: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p::before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #e60012; margin-right: 10px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p:last-child{ margin-bottom: 0px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p:hover{ color: #e60012;transition: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom { display: flex; flex-wrap: wrap;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li{ width: 50%; height: 198px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;} .JiJin1 .JiJin1_content .JiJin1_content_list:last-child .content_list_bottom .list_bottom_li:nth-child(2n){ border-right: 0px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt{ margin-top: 20px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dd{ font-size: 18px; color: #333333; margin-bottom: 10px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dt{ font-size: 14px; color: #666666;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li:hover .bottom_li_txt dd{ color: #e60012;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 527px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .JiJin1 .JiJin1_content .JiJin1_content_list.on{ box-shadow: 0px 0px 49px rgba(0,0,0,.13);transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} @media screen and (max-width:1705px){ .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 380px;} .JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 440px;} } @media screen and (max-width:1530px) { .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 300px;} .JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 380px;} } @media screen and (max-width:1200px) { .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .JiJin1{ padding: 50px 2%;} .JiJin1 .JiJin1_title{ margin-bottom: 30px;} .JiJin1 .JiJin1_title .JiJin1_title_dd{ font-size: 30px; margin-bottom: 10px;} .JiJin1 .JiJin1_content{ display: block;} .JiJin1 .JiJin1_content .JiJin1_content_list{ width: 100%; box-shadow: 0px 0px 49px rgb(0 0 0 / 13%);} .JiJin1 .JiJin1_content .JiJin1_content_list:last-child{ margin-top: 30px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_p{ right: 4%;} } @media screen and (max-width:768px) { .JiJin1{ padding: 33px 0px;} .JiJin1 .JiJin1_title .JiJin1_title_dt{ font-size: 14px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 16px; padding-bottom: 12px; margin-bottom: 10px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title::before{ height: 1px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p{ font-size: 14px; margin-bottom: 10px;} .JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 210px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 210px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li{ padding: 0px 12px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dd{ font-size: 16px; margin-bottom: 5px;} .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dt{ font-size: 13px;} } @media(max-width: 500px) { .JiJin1 .JiJin1_title .JiJin1_title_dd { font-size: 26px; letter-spacing: 0; margin-bottom: 0px; } .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_p { right: 1%; } .JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title { margin-left: 30px; } } /*我们的案例*/ .case { padding:80px 0px 50px 0; background: #f5f5f5; overflow: hidden; margin-top: 50px; } .case .case_t { text-align: center; } .case .case_t h3 {font-size: 40px; color: #333;margin-bottom: 10px; letter-spacing: 0.2rem; } .case .case_t p { font-size: 16px;color: #888;} .case .case_nr { margin: 0 auto; margin-top: 50px; } .JiJinCase{ background: #f8f8f8;} .case_nr .JiJinCase_content{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -40px;} .case_nr .JiJinCase_content li{ width: 32%; margin-bottom: 40px; position: relative; box-shadow: 0px 0px 8px rgba(0,0,0,0.1);} .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_img{ text-align: center; position: relative;} .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_img img{ max-width: 100%;} .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_txt{ font-size: 16px; color: #333333; line-height: 68px; padding: 0px 20px; background: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .case_nr .JiJinCase_content .JiJinCase_content_list:hover .content_list_txt { color: #e60012; } .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_txt span{ font-size: 13px; color: #999999; margin-left: 17px;} .case_nr .JiJinCase_content .JiJinCase_content_list:hover .content_list_txt span { color: #333; } .case_nr .JiJinCase_content .JiJinCase_content_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.2);} .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_hover dt{position:absolute;left:50%;top:52%;transform:translateX(-50%) translateY(-50%);z-index:5;color:#fff;font-size:35px;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;} .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_hover dd{background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;} .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_hover .hr{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;} .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_hover .hr img{width:auto;height:auto;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;} .case_nr .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover dd{opacity:1;} .case_nr .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover .hr img{opacity:1;} .case_nr .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover dt{opacity:1;} .case_nr .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover .hr img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;} @-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);}} .case_more { margin-top: 60px; text-align: center; } .case_more span { font-size: 18px; color: #666; line-height: 2; display: block; } .case_more a { width: 200px; display: block;margin-top: 30px;font-size: 16px;text-align: center;line-height: 50px;color: #fff;border-radius: 30px;background: #222;transition: all 0.5s;position: relative;overflow: hidden;margin:20px auto;} .case_more a em {content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;text-align: center;padding-top: 100%;transform: translateX(-50%) translateY(-50%);-webkit-animation: wave 1.3s infinite;animation: wave 1.3s infinite;z-index: 1;} .case_more a:hover {text-decoration: underline; background: #e60012; } @media screen and (max-width:1200px) { .case { padding-top: 40px; padding-bottom: 20px; } .case .case_t h3 { font-size: 30px; } .case_nr .JiJinCase_content{ margin-bottom: -20px;} .case_nr .JiJinCase_content .JiJinCase_content_list{ margin-bottom: 22px;} .case_more { margin-top: 40px; } } @media (max-width:768px) { .case { padding-left: 5px; padding-right: 5px; } .case_nr .JiJinCase_content li{ width: 48%; margin-bottom: 14px;} .case_nr .JiJinCase_content .JiJinCase_content_list{ margin-bottom: 12px;} .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_txt span{ font-size: 12px;} .case_nr .JiJinCase_content .JiJinCase_content_list .content_list_txt{ line-height: 40px; font-size: 14px;} } @media(max-width: 500px) { .case { margin-top:0px; } .case .case_t h3 { font-size: 26px; letter-spacing: 0; } .case .case_t p { font-size: 14px; } .case .case_nr { margin-top: 30px; } .case_more span { font-size: 15px; } .case_more a { margin-top: 10px; width: 180px; line-height: 40px; } } /*关于我们*/ .JiJinAbout{ background: #fff url(../images/bn14.png) no-repeat 50% 100%; padding-bottom: 50px;} .JiJinAbout .JiJinAbout_title{ text-align: center; max-width: 1090px; margin: 0 auto;} .JiJinAbout .JiJinAbout_title dd{ position: relative;margin-bottom: 48px; padding-bottom: 34px; } .JiJinAbout .JiJinAbout_title dd p { font-size: 40px; color: #333333; letter-spacing: .2em; } .JiJinAbout .JiJinAbout_title dd span { font-size: 16px;color: #888; } .JiJinAbout .JiJinAbout_title dd::before{ content: ""; position: absolute; display: inline-block; width: 62px; height: 2px; background: #dcdcdc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;} .JiJinAbout .JiJinAbout_title dt{ font-size: 15px; color: #777777; line-height: 38px;} .JiJinAbout .JiJinAbout_bottom{ display: flex; align-items: center; justify-content: center; margin-top: 80px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list{ margin-right: 120px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd{ margin-bottom: 25px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list:last-child{ margin-right: 0px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dt{ font-size: 16px; color: #555555; line-height: 30px;} @media screen and (max-width:1200px) { .JiJinAbout .JiJinAbout_title dd{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;} .JiJinAbout .JiJinAbout_title dt{ line-height: 30px;} .JiJinAbout .JiJinAbout_bottom{ flex-wrap: wrap; margin-top: 22px;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list{ margin-right: 0px; width: 49%; margin-top: 26px; text-align: center;} .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd{ margin-bottom: 15px;} } @media(max-width: 991px) { .JiJinAbout .JiJinAbout_title dt { padding-left: 15px; padding-right: 15px;} .JiJinAbout .JiJinAbout_title dd p { font-size: 30px; } } @media(max-width: 500px) { .JiJinAbout .JiJinAbout_title dd { padding-bottom: 10px; } .JiJinAbout .JiJinAbout_title dd p { font-size: 26px; letter-spacing: 0; } .JiJinAbout .JiJinAbout_title dd span { font-size: 14px; } .JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dt { font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .JiJinAbout { padding-bottom: 30px; } } /*lm7*/ #sy-about{background: #fff;padding: 10px 0;padding-top: 90px; padding-bottom: 40px;} .gywm{} .gywm .ab-left{ padding: 0; position: relative;} .gywm .ab-left::after { position: absolute;content: ''; width: 80%; display: block; height: 30px;top: -30px; left: -30px;background:#e60012; } .gywm .ab-left::before { position: absolute;content: ''; width: 30px; display: block; height: 80%;top: 0px; left: -30px;background:#e60012; } .gywm .ab-left .shipin img{position: relative;width: 100%;} .video_hidden{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 200000;text-align: center;display: none;background: rgba(255,255,255,.72);} .video_hidden i{position: absolute;top: 1rem;right: 1rem;} .video_hidden i img{cursor: pointer;} .ivideo{margin:0 auto;position: absolute;top: 50%;left: 50%;width: 65%;max-height:90%;transform: translate(-50%,-50%);} .gywm .ab-left:before{} .gywm .ab-right{ padding-left: 60px; padding-top: 44px;} .gywm .ab-right .abtit{ padding-bottom: 30px;} .gywm .ab-right .abtit h2{font-size: 32px;font-weight: bold; color: #333;} .gywm .ab-right .abtit p{font-size: 30px;font-weight: bold;color: #e60012;line-height: 1.6;} .gywm .ab-right .abnr{} .gywm .ab-right .abnr .list{ font-size: 16px;color: #787878; line-height: 1.8; text-indent: 2em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden; } .gywm .ab-right .abnr a{ display: inline-block; padding: 10px 42px; border: 2px solid #e60012; font-size: 18px; border-radius: 24px; color: #e60012; background: #fff; margin-top: 30px; text-indent: 0em;} .gywm .ab-right .abnr a:hover{ background:#e60012; color:#fff; } @media (max-width: 1440px){ /*.gywm .ab-left:before{top: -41px;right: 72px;}*/ } @media (max-width: 1366px){ /*.gywm .ab-left:before{top: -30px;height: 320px;right: 30px;}*/ } @media (max-width: 1300px){ /*.gywm .ab-left:before{top: -32px;height: 320px;right: 33px;}*/ .gywm .ab-right{ padding-top: 42px; padding-left: 52px;} } @media (max-width: 1200px){ /*#sy-about{ padding:42px 0; }*/ /*.gywm .ab-left:before {top: 42px;height: 268px;right: 0px;}*/ .gywm .ab-right{padding-top: 12px;padding-left: 42px;} .gywm .ab-right .abtit h2{ font-size:26px; } .gywm .ab-right .abtit{padding-bottom: 10px;} .gywm .ab-left::after { height: 20px; top: -20px; left: -20px; } .gywm .ab-left::before { width: 20px; left: -20px; } .gywm .ab-right .abnr .list { -webkit-line-clamp: 4; } .number .main .stat-items .stat-items-t { font-size: 50px; } } @media (max-width: 1024px){ /*.gywm .ab-left:before {top: 4px;height: 320px;right: 8px;}*/ } @media (max-width: 991px){ /*.gywm .ab-left:before {top: -30px;height: 320px;right: 83px;}*/ .gywm .ab-right{ padding-left:0 } #sy-about { padding:30px 0; } } @media (max-width: 767px){ /*.gywm .ab-left:before {top: -22px;height: 320px;right: 64px;display: none;}*/ .gywm .ab-left::after { display: none; } .gywm .ab-left::before{ display: none; } .gywm .ab-right .abtit h2{ font-size:24px; } .gywm .ab-right .abnr a{text-align: center; width: 140px; height: 42px; font-size: 16px; line-height: 38px; padding: 0;} .gywm .ab-right .abnr .list { font-size: 14px; line-height: 1.8; } } @media (max-width: 500px){ .gywm .ab-right{padding-left:10px;margin-top: 0px;padding-top: 0;} /*.gywm .ab-left:before{ top: 0; height: 222px; right: 0;}*/ .gywm .ab-right .abtit h2{ font-size:24px; } .gywm .ab-right .abtit{padding-top:20px;padding-bottom: 10px;} } @media (max-width: 400px){ /*.gywm .ab-left:before{ height:100px; }*/ .gywm .ab-right .abnr a{text-align: center;width: 140px;height: 42px;font-size: 16px;line-height: 38px;padding: 0;} } /*lm8*/ /*数字跳动*/ .number {width: 100%;display: block;overflow: hidden;background: url(../images/sz_up_bg.jpg) center / cover;padding: 48px 0;padding-bottom: 0px;} .number .main { display: flex; } .number .main .stat-items { flex: 1; text-align: center;} .number .main .stat-items .stat-items-t {font-size: 60px;color: #e60012;font-weight: 700;font-family: 'arial'; line-height: 1;} .number .main .stat-items:hover .stat-items-t {color:#e60012;} .number .main .stat-items .stat-items-unit {font-size: 18px;color: #333;} .number .main .stat-items p {font-size: 18px;color: #333; font-weight: bold;} @media(max-width: 1200px) { .number{ padding-top:40px; } } @media(max-width: 991px) { .number .main .stat-items .stat-items-t { font-size: 52px; } } /* 首页新闻 */ .home_news {position:relative;background:#F1F1F1;padding-bottom:80px;padding-top:60px;overflow:hidden;} .home_news .triangle1 {width:0;height:0;border-color:transparent #e60012;border-width:0 0 670px 164px;border-style:solid;position:absolute;left:0;top:0;} .home_news .triangle2 {width:0;height:0;border-color:#e60012 transparent;border-width:0 0 670px 164px;border-style:solid;position:absolute;right:0;bottom:0;} .home_news .news-ilist {margin-top:56px;} .home_news .col-md-4 {padding:0 10px;} .home_news .item {background-color:#fff;padding:20px;} .home_news .news-title {padding-bottom:20px;} .home_news .news-title span {color:#333333;font-weight:bold;font-size:20px;} .home_news .news-title a {font-size:16px;color:#666;margin-top:3px;} .home_news .news-show .pic {width:100%;overflow:hidden;display:block;} .home_news .news-show .pic img {transition:transform 2s;-webkit-transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;width:100%;} .home_news .news-show .pic:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);} .home_news .news-recommend-list {margin-top:18px;height:264px;background-color:#ffffff;} .home_news .news-tit {text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:14px;color:#666;line-height:34px; position: relative; } .home_news .news-tit:hover { color: #e60012; } @media screen and (max-width:991px) {.home_news .col-md-4 {margin-bottom:20px;} .home_news .news-ilist {margin-top:24px;} } @media screen and (max-width:991px) {.home_news .item {padding:15px;} .home_news {padding-bottom:30px;} } @media screen and (max-width:767px) {.home_news .news-title a {font-size:14px;margin-top:5px;} } .home_news .home_news_t { text-align: center; } .home_news .home_news_t h2 { font-size: 40px; color: #333;margin-bottom: 10px; letter-spacing: 0.2rem; } .home_news .home_news_t p { font-size: 16px;color: #888; } @media (max-width: 1199px ) { .home_news .home_news_t h2 { font-size: 30px; } } @media(max-width: 500px) { .home_news { padding-top: 40px; } .home_news .home_news_t h2 { font-size: 26px; letter-spacing: 0; } .home_news .home_news_t p { font-size: 14px; } } /* 友情链接 */ .friend_link {width:100%;background:#151515;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#999999;} .friend_link span {margin-right:12px;line-height:58px;vertical-align:middle;font-size:18px;text-transform:uppercase;} .friend_link a {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#999999;line-height:58px;margin-right:10px;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;vertical-align:middle;} .friend_link .link_img {margin-top:18px;} @media(max-width: 767px) { .friend_link span { font-size: 14px; line-height: 40px; } .friend_link a { font-size: 13px; line-height: 40px; } .friend_link .link_img { display: none; } } /* 首页新闻 */ .ackkh_zx {position:relative;background:#fff;padding-bottom:80px;padding-top:60px;overflow:hidden;} .ackkh_zx .triangle1 {width:0;height:0;border-color:transparent #e60012;border-width:0 0 670px 164px;border-style:solid;position:absolute;left:0;top:0;} .ackkh_zx .triangle2 {width:0;height:0;border-color:#e60012 transparent;border-width:0 0 670px 164px;border-style:solid;position:absolute;right:0;bottom:0;} .ackkh_zx .news-ilist {margin-top:56px;} .ackkh_zx .col-md-4 {padding:0 10px;} .ackkh_zx .item {background-color:#f5f5f5;padding:15px;} .ackkh_zx .news-title {padding-bottom:20px;} .ackkh_zx .news-title span {color:#333333;font-weight:bold;font-size:20px;} .ackkh_zx .news-title a {font-size:16px;color:#666;margin-top:3px;} .ackkh_zx .news-show .pic {width:100%;overflow:hidden;display:block;} .ackkh_zx .news-show .pic img {transition:transform 2s;-webkit-transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;width:100%;} .ackkh_zx .news-show .pic:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);} .ackkh_zx .news-recommend-list {margin-top:18px;height:264px;} .ackkh_zx .news-tit {text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:14px;color:#666;line-height:34px; position: relative; } .ackkh_zx .news-tit:hover { color: #e60012; } @media screen and (max-width:991px) {.ackkh_zx .col-md-4 {margin-bottom:20px;} .ackkh_zx .news-ilist {margin-top:24px;} } @media screen and (max-width:991px) {.ackkh_zx .item {padding:20px;} .ackkh_zx {padding-bottom:30px;} } @media screen and (max-width:767px) {.ackkh_zx .news-title a {font-size:14px;margin-top:5px;} } .ackkh_zx .ackkh_zx_t { text-align: center; } .ackkh_zx .ackkh_zx_t h2 { font-size: 36px; color: #333;margin-bottom: 10px; font-weight: bold; } .ackkh_zx .ackkh_zx_t p { font-size: 16px;color: #888; } @media (max-width: 1199px ) { .ackkh_zx .ackkh_zx_t h2 { font-size: 30px; } } @media(max-width: 500px) { .ackkh_zx { padding-top: 40px; } .ackkh_zx .ackkh_zx_t h2 { font-size: 26px; letter-spacing: 0; } .ackkh_zx .ackkh_zx_t p { font-size: 14px; } } /* 图片封面动画 */ .white, .whites{position: relative;overflow: hidden;} .white::after, .whites::after{content: '';cursor: pointer;position: absolute;left: -120%;top: 0;width: 100%;height: 100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);transition: unset;} .white:hover::after{left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;} /* 尾部 */ .footer {background-color:#222222;color:#999999;position:relative;overflow:hidden;padding-top:50px;padding-bottom:30px;} .footer a {transition:color .4s;color:#BBBBBB;} .footer a:hover {color:#e60012 !important;} .foot-nav {position:relative;margin-left:6px;} .foot-nav dl {float:left;margin-right:46px;} .foot-nav dt,.foot-tel .dt {font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;} .foot-nav dt a {color:#ffffff;font-size:16px;} .foot-nav dd {margin-top:10px;} .foot-nav dd li {font-size:14px;font-family:Microsoft YaHei;font-weight:normal;color:#BBBBBB;line-height:34px;} .foot-model {text-align:right;color:#ffffff;} .foot-model .webcode {margin-left:22px; } .foot-model .webcode img { max-width: 100%; display: block; margin-left: 10px; float: left; } .foot-model .p1 {margin-bottom:22px;font-size:16px;text-align:right;} .foot-model .p1 span {font-weight:bold;font-size:20px;margin-top:5px;} .foot-model .p2 span {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;} .foot-model span.address {text-align:right;} .foot-model span {display:block;} .foot-copy {margin-top:26px;height:50px;box-sizing:border-box;padding:12px 0;line-height:50px;font-size:12px;color:#999;position:relative;} .foot-copy a {color:#999;} .copyright {font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#999999;line-height:32px;} .copyright a {color:#999999;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;} .copyright a.map {margin-left:10px;} @media only screen and (max-width:1499px) {.foot-nav dl {margin-right:34px;} } @media only screen and (max-width:1199px) {.foot-nav {width:100%;margin-left:0;box-sizing:border-box;padding:0 10px;} .foot-nav {margin-bottom:35px;} .foot-nav dl {margin-right:0;width:14.5%;text-align:center;} .copyright {text-align:center;} .foot-model {padding:0 10px;text-align:center;float:none !important;} .foot-model>div.fl {width:100%;} .foot-model .p1 {margin-bottom:10px;} .foot-model .p1,.foot-model span.address {text-align:center;} .foot-model span.address {width:100%;margin-top:10px;} .foot-model .webcode {display:none;} } @media only screen and (max-width:767px) {.foot-nav dl {margin-bottom:12px;width:25%;} .footer {padding-top:26px;padding-bottom:100px;} .foot-nav {margin-bottom:16px;} .foot-nav dt a {font-size:14px;} .foot-model .p1 {font-size:14px;} .foot-model .p1 span {font-size:16px;} } @media(max-width: 500px) { .foot-nav { padding:0px; } .footer { padding-bottom: 80px; } } /* 手机底部按钮 */ .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #e60012;text-align: center;} .footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;} .footer-bottom a i{font-size: 16px;display: block;} /* 在线客服 */ .diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 100;} .diyos ul{position:relative;list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: #222;float: left;position: relative;border-top:1px solid #333;z-index:1;} .diyos ul li:first-child{ border-top:0;} .diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:#222;} .diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li .sideewmshow{width: 130px;position:absolute; top:0; left:-131px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;} .diyos ul li.sideewm:hover .sideewmshow{ display:block;} .diyos ul li img {float: left;} /* 面包屑 */ #location{box-shadow:0px 3px 20px 0px rgba(0,0,0,0.1);overflow:hidden;} .crumbs{padding-left:20px;background:url(../images/page/location.png) no-repeat left center;line-height:25px;padding-top:10px;padding-bottom:10px;float:left;color:#666;} .crumbs a{color:#666;} .crumbs a:hover{color:#e60012;} /* 内页导航 */ #sidebar{float:right;} #sidebar li{display:inline-block;margin:0 10px;position: relative;} #sidebar li a{display:block;height:45px;line-height:44px;text-align:center;color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #sidebar li a::after{content: "";display: block;width: 0%;height: 2px;background: #e60012;position: absolute;left: 50%;bottom: 0;overflow: hidden;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;} #sidebar li:hover a, #sidebar li.cur a{color:#e60012;} #sidebar li:hover a::after, #sidebar li.cur a::after{left: 0;width: 100%;} @media (max-width:767px) { #location{background:#f3f3f3;border-bottom: 1px solid #ddd;box-shadow:none;} .w100{width:100%;float:left;} .w50{width:50%;float:left;} .w33{width:33.33%;float:left;} .w25{width:25%;float:left;} #sidebar{float:none;} #sidebar li{padding:0 5px;margin:0;} } /* 内页样式 */ #inside{padding-bottom:50px;padding-left:10px;padding-right:10px;} .bgf5{background:#f5f5f5;} .nocontect{background-image: url(../images/page/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;margin-bottom:20px;} @media (max-width:767px) { #inside{padding-bottom:30px;} } /* 内页产品导航 */ #pronav{width: 100%;background: #e8e8e8;text-align: center;margin-bottom:20px;} .pronav-a{line-height: 78px;display:flex;overflow:hidden;} .pronav-a a{flex:1;font-size:22px;color:#333;} .pronav-a a:last-child{background: none;} .pronav-a a.cur, .pronav-a a:hover{background:#e60012;color:#fff;} @media (max-width:1309px) { .pronav-a{line-height:60px;} } @media (max-width:767px) { .pronav-a a{display:block;float:left;width:33.33%;padding:0 8px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} } @media (max-width:500px) { .pronav-a{line-height:40px;} .pronav-a a{font-size:16px;} } /* 内页单页面标题 */ #nytitle{text-align: center;padding:0 10px;margin-bottom:40px; margin-top: 50px;} #nytitle h1{font-size: 36px;color: #353535;font-weight:bold;} #nytitle p{color: #999;font-size: 16px;margin-top: 10px;text-transform:uppercase;} @media only screen and (max-width: 500px){ #nytitle{margin-bottom:20px;} #nytitle h1{font-size: 30px;} #nytitle p{font-size: 14px;} } /* 内页单页面内容 */ .nyshow{width:100%; margin-top: 50px;} .nyshow-til{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin-bottom:20px;} .nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #e60012 solid;color: #e60012;font-size: 18px;font-weight: bold;position:relative;} .nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background:#e60012;} .nyshowdesc{font-size: 16px;line-height: 1.8;margin-bottom:40px;min-height:400px;} .nyshowdesc p{margin:5px 0;} .nyshowdesc img{max-width:100%;height:auto !important;} .block-shadow{height: 200px;-webkit-box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} .block-shadow:hover{box-shadow: 0 10px 20px 0 rgba(0,125,255,.5);} .radius-md{border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} .icon-sm{width: 60px;display: inline-block;text-align: center;} .icon-sm em{font-size: 30px;line-height: 30px;} .icon-content{overflow: hidden;} .icon-content h5{font-weight: bold;font-size: 18px;line-height: 25px;color: #1a1a1a;margin-top: 10px;margin-bottom: 10px;} @media (max-width:767px) { .nyshowdesc{font-size:14px;line-height:1.6;margin-bottom:20px;} .nyshowdesc h1{font-size:30px;} .nyshowdesc h2{font-size:24px;} .nyshowdesc h3{font-size:18px;} .nyshowdesc h4{font-size:14px;} .block-shadow{height:auto;} .nyshow-til>h1, .nyshow-til>h2{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} } /* 业务领域大 */ .busin-box{position:relative;width:100%;height:100%;overflow:hidden;} .busin-img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:1;background-repeat: no-repeat;background-size: cover;background-position: 50%;animation: slowScale 16s both infinite;-webkit-animation: slowScale 16s both infinite;} .busin-bg{width:100%;height:100%;padding:0 10px;position:absolute;left:0;top:0;background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.5));z-index:2;} .busin-bgr{background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.5));} .busin-bg>div, .busin-bg>div>div{height:100%;} .busin-con{width:100%;height:100%;} .busin-txt{width:45%;color:#fff;} .busin-txt>h3{font-size: 36px;color: #fff;font-weight: bold;} .busin-txt>h4{color: #fff;font-size: 16px;margin-top: 10px;text-transform: uppercase;} .busin-txt>h4>span{display:inline-block;padding-bottom:10px;padding-right:10px;border-bottom:1px solid #fff;} .busin-txt>.busin-info{font-size:16px;line-height:1.8;margin-top: 10px;text-align:justify;} .busin-txt>a{display: inline-block;border: 1px solid #fff;color: #fff;font-size: 14px;width:150px;line-height: 40px;text-align: center;border-radius: 5px;} .busin-txt>a:hover{border-color:#e60012;background:#e60012;} @media (max-width:1199px) { .busin-txt{width:50%;} } @media (max-width:991px) { .busin-txt{width:60%;} } @media (max-width:767px) { .busin-txt{width:100%;text-align:center;} .busin-bg{background:rgb(0 0 0 / 50%);} .busin-txt>h4>span{padding-left:10px;} } @media (max-width:450px) { .busin-txt>h3{font-size: 30px;} .busin-txt>h4{font-size: 14px;color:#fff;} .busin-txt>.busin-info{font-size:14px;line-height:1.5;} .busin-txt>a{font-size:12px;width: 120px;line-height: 34px;} } @keyframes slowScale{ 0%{-webkit-transform:scale(1);transform:scale(1)} 50%{-webkit-transform:scale(1.1);transform:scale(1.1)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @-webkit-keyframes slowScale{ 0%{-webkit-transform:scale(1)} 50%{-webkit-transform:scale(1.1)} 100%{-webkit-transform:scale(1)} } /*企业文化*/ .sec2 {background:#f5f5f5;padding:70px 0 55px 0;} .sec2 h2 {font-size:36px;color:#0c64b3;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin-bottom:35px;text-align:center;} .sec2 .cont {padding:0 20px; } .sec2 ul{margin: 0 -1%;} .sec2 ul li {float:left;width:31.33%;margin:0 1% 2%;background:#fff;box-sizing:border-box;height:258px !important;display:block;} .sec2 ul li.li2 {padding:33px 25px;height:220px !important;} .sec2 ul li em {display:block;height:60px;width:55px;margin:0 auto 12px;} .sec2 ul li .icon1 {background:url(../images/about_icon1.jpg) no-repeat center;} .sec2 ul li .icon2 {background:url(../images/about_icon2.jpg) no-repeat center;} .sec2 ul li .icon3 {background:url(../images/about_icon3.jpg) no-repeat center;} .sec2 ul li .icon4 {background:url(../images/about_icon4.jpg) no-repeat center;} .sec2 ul li .icon5 {background:url(../images/about_icon5.jpg) no-repeat center;} .sec2 ul li .icon6 {background:url(../images/about_icon6.jpg) no-repeat center;} .sec2 ul li h3 {font-size:24px;color:#333;font-weight:bold;text-align:center;} .sec2 ul li span {line-height:24px;height:75px;margin-top:10px;padding-top:10px;display:block;font-size:14px;border-top:1px solid #ebebeb;text-align:center;} @media only screen and (max-width:500px) {.sec2 h2 {font-size:20px;} } @media only screen and (max-width:991px) {.sec2 ul li {width:48%;} } @media only screen and (max-width:767px) {.sec2 ul li h3 {font-size:16px;} .sec2 ul li.li2 {padding:22px 8px;} .sec2 {padding:40px 0 40px 0;} .sec2 h2 {margin-bottom:24px} .sec2 .cont {padding:0 10px; } } @media only screen and (max-width:360px) { .sec2 ul li.li2{height: 244px !important;} } /* 业务领域 */ .nybusiness{line-height: 40px;border-bottom: 1px #ccc solid;overflow:hidden;} .nybusiness>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #e60012 solid;color: #e60012;font-size: 18px;font-weight: bold;background:url(../images/page/ny-objs.png) no-repeat left;} #nybusinesslist{margin-bottom:20px;} #nybusinesslist li a{display:block;position:relative;} .nybusiness-img{overflow:hidden;} #nybusinesslist li a p{position:absolute;left:0;bottom:0;background: rgba(0,0,0,.5);width:100%;line-height:36px;padding:0 10px;text-align:center;color:#fff;font-size:15px;} #nybusinesslist li a:hover p{background: rgba(191,157,109,.5);} @media only screen and (max-width:767px) { #nybusinesslist li a p{line-height:30px;font-size:14px;} } /*推荐新闻*/ .nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyhotnews>h3{float: left;padding-right:15px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #e60012 solid;color: #e60012;font-size: 18px;font-weight: bold;background:url(../images/page/nyhotnewico.png) no-repeat left;} .nyhotnews-list{margin-top:10px;overflow:hidden;} .nyhotnews-list li{font-size: 14px;line-height: 30px;background: url(../images/page/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;} .nyhotnews-list li a{float:left;width:calc(100% - 90px);color:#333;} .nyhotnews-list li span{float:right;color:#666;} .nyhotnews-list li:hover{background: url(../images/page/iyuan_on.png) no-repeat left;background-size: 8px;} .nyhotnews-list li:hover a{color:#e60012;} /*视频列表*/ .nyvideo-ul{overflow:hidden;} .nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyvideo-div a img{display:block;max-width: 100%;width: 311px;} .nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyvideo-div:hover a{border-color:#e60012;color:#e60012;} /*视频详情*/ .showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showvideo-time{text-align:center;} .showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showvideo-time span:last-child{margin-right:0;} .showvideo-mp{margin:20px 0;text-align:center;} .showvideo-mp video, .showvideo-mp iframe{width:800px;max-width:100%;} .showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showvideo-con img{max-width:100%;height:auto !important;} /*下载列表*/ .nydown-list{margin-bottom:20px;} .nydown-list table{width:100%;text-align:center;} .nydown-list table thead{background:#e60012;color:#fff;font-size:16px;line-height:2;} .nydown-list table tbody{line-height:1.6} .nydown-list table tbody tr td{color:#666;} .nydown-list table tbody tr td:first-child{color:#333;} /*下载详情*/ .showdown-top{margin-bottom:20px;} .showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;} .showdown-top>ul{padding:10px;background:#f6f6f6;} .showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;} .showdown-top>ul>li:last-child{margin-bottom:0;} .showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;} .showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showdown-con img{max-width:100%;height:auto !important;} /*图片列表*/ .nyimg-ul{overflow:hidden;} .nyimg-ul li {margin-bottom:20px;padding:0 10px;} .nyimg-ul li .nyimg-div {background:#fff;padding:7px;border:1px solid #D9D9D9;} .nyimg-ul li .nyimg-div a {display:block;overflow:hidden;} .nyimg-ul li .nyimg-div img {margin:0 auto;-webkit-transition:1s;-moz-transition:1s;transition:1s;width:100%;} .nyimg-ul li .nyimg-a{padding:0 5px;margin-top:9px;line-height:40px;display:block;background:#EFEFEF;font-size:14px;color:#333;text-align:center;} .nyimg-ul li:hover .nyimg-a {color:#ffffff !important;} .nyimg-ul li:hover .nyimg-div img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nyimg-ul li:hover .nyimg-a {background:#e60012;color:#fff;} @media (max-width:767px){ .nyimg-ul li .nyimg-a{line-height:32px;} } /*图片详情*/ .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px;} .showimg-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showimg-img{margin-top: 25px;margin-bottom: 15px;text-align:center;} .showimg-img img{max-width: 100%;height:auto !important;} .ctitle{margin-bottom:15px;} .ctitle h3{padding-left:20px;background: url(../images/page/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-size:16px;font-weight:bold;} .showimg-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;padding: 0 10px;border-bottom: 1px solid #F0F2F5;padding-bottom: 20px;} .showimg-con img{max-width: 100%;height:auto !important;} .showimg-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .showimg-page>div[class^="col-"]{padding: 0 10px;} .showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} .showimg-right{border-left:1px solid #f0f2f5;} @media (max-width:767px){ .showimg-left{padding:0;} .showimg-top h1{font-size: 20px;} .showimg-con{font-size:14px !important;} .showimg-page a{padding:8px;} } /* 右侧栏目信息 */ .nybusiness{margin-bottom: 20px;} .nybusiness>p{font-size: 16px;color: #e60012;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-objs.png) no-repeat left;} .nybusiness a{margin-bottom:10px;display:block;position:relative;} .nybusiness a:last-child{margin-bottom:0;} .nybusiness-img{overflow:hidden;} .nybusiness a p{position:absolute;left:0;bottom:0;background: rgba(0,0,0,.5);width:100%;line-height:30px;padding:0 10px;text-align:center;color:#fff;} .nybusiness a:hover p{background: rgba(0,153,255,.5);} .hotnews{} .hotnews p{font-size: 16px;color: #e60012;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(../images/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(../images/iyuan_on.png) no-repeat left;color: #e60012;} /*新闻列表*/ .nynews-ul {overflow:hidden;} .nynews-ul li.nynews-li {padding:0 10px 10px;margin-bottom:20px;cursor:pointer;} .nynews-img {padding:0;overflow:hidden;border:1px solid #f3f3f3;} .nynews-img a {display:block;} .nynews-img img {width:100%;transition:.8s} .nynews-ul li.nynews-li:hover img {transform:scale(1.02);} .nynews-date {color:#333;line-height:20px;font-size:12px;} .nynews-date span {color:#4d4c51;} .nynews-date img {margin:4px 6px 0 0;float:left;} .nynews-date p {float:left;margin:0;} .nynews-date i {margin-right:5px;} .nynews-con h3 {font-size:18px;font-weight:bold;color:#3b3c3c;text-transform:uppercase;line-height:32px;margin-top:0px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .nynews-con h3 a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;} .nynews-ul li.nynews-li:hover h3 a {color:#e60012;} .nynews-con {background-color:#f9f9f9;padding-top:16px;padding-bottom:18px;} .nynews-con p.nynews-desp {color:#8d8d8d;font-size:14px;line-height:23px;margin:10px 0;height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nynews-con a.nynews-more {position:relative;left:0;color:#ffffff;font-size:15px;padding:7px;background:#e60012;margin-top:10px;width:120px;display:block;border-radius:20px;float:left;text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;} .nynews-con a.nynews-more:hover {background:#FF7A0E;left:10px;color:#ffffff !important;} @media (max-width:991px) { #nynewslist>.container {padding-left:5px;padding-right:5px;} .nynews-ul li.nynews-li {padding:0 5px 4px;margin-bottom:14px;} } @media (max-width:767px) { .nynews-con h3 {font-size:16px;font-weight:bold} .nynews-con {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 12px;} .nynews-con p.nynews-desp{margin: 2px 0 8px;} } /*新闻详情*/ .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .shownews-con img{max-width:100%;height:auto !important;} .shownews-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .shownews-page>div[class^="col-"]{padding: 0 10px;} .shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .shownews-top h1{font-size: 20px;} .shownews-con{font-size:14px !important;line-height: 1.6;} .shownews-page a{padding:8px;} } /* 招聘模块Nyjoblist*/ .nyjoblist-ul{overflow: hidden;} .nyjoblist-ul li{margin-bottom: 20px;border-bottom: 1px solid #dedede;} .nyjoblist-ul li .nyjoblist-top{padding: 20px;position: relative;overflow:hidden;} .nyjoblist-ul li .nyjoblist-top h3{color: #333;font-size: 20px;font-weight: bold;padding-bottom: 10px;} .nyjoblist-ul li .nyjoblist-top span{padding-right: 20px;color: #999;} .nyjoblist-ul li .nyjoblist-top p{color:#666;margin:10px 0;} .nyjoblist-ul li .nyjoblist-top>a{float:left;padding:10px 25px;background:#e60012;border-radius:20px;color:#fff;margin-right:10px;} .nyjoblist-ul li .nyjoblist-top>a+a{margin-right:0;} .nyjoblist-ul li .nyjoblist-top>a:hover{background:#ffc531;color:#333;} @media (max-width:767px) { .nyjoblist-ul li .nyjoblist-top{padding:10px;} } .showjob-left{padding-bottom:30px;} .showjob-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:10px;} .showjob-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 30px;} .showjob-list{overflow:hidden;margin-bottom:30px;} .showjob-list li{width:50%;float:left;padding:5px 10px;background: url(../images/dt-0.png) no-repeat left top 13px;} .showjob-list li span{float: left;margin-right: 10px;color: #999;} .showjob-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px 0;} .showjob-con img{max-width: 100%;height:auto !important;} .showjob-more{} .showjob-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;} .showjob-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showjob-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .showjob-top h1{ font-size:20px;} .showjob-top h2{ font-size:16px;} .showjob-con{padding:0;font-size:14px !important} .showjob-left{padding: 0;} .showjob-page>div[class^="col-"]{padding: 0 10px;} } /* 产品列表 */ .nypro-ul{overflow:hidden;} .nypro-ul li{padding:0 10px;margin-bottom:20px;} .nypro-ul li a{display:block;position:relative;overflow:hidden;} .nypro-ul li a p{position:absolute;left:0;bottom:-50px;width:100%;background: linear-gradient(to bottom, rgba(191, 157, 109, 0) 0%, rgba(191, 157, 109, 0.8) 100%);line-height:50px;color:#fff;text-align:center;font-size:16px;} .nypro-ul li a:hover p{bottom:0;} @media (max-width:767px){ .nypro-ul li a p{line-height:30px;font-size:14px;} } /*产品详情*/ .showpro-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:20px;} .showpro-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px;} .showpro-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showpro-img{margin-bottom:20px;} .sp-thumbs a:link, .sp-thumbs a:visited{width:120px;height:90px;} @media (max-width:767px){ .showpro-top h1{font-size: 20px;} .showpro-imgbox{padding:0;} } /*产品参数*/ .nyproshow-info{line-height:1.8;color:#666;margin-bottom:20px;} .showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;} .showpro-telx{float:left;line-height:40px;} .showpro-telx img{float:left;margin-right:12px;} .showpro-telcon{float:left;} .showpro-telcon p{float:left;color:#666;margin-bottom:0;} .showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;} .showpro-tel a{float:right;display:block;line-height:40px;padding:0 20px;background:#e60012;color:#fff;} .showpro-tel a i{margin-right:5px;} .showpro-tel a:hover{background:#034ad8;} .showpro-con{margin-top: 20px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #e60012;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;} .showpro-details .showpro-det{display:none;min-height:200px;} .showpro-details div{margin-bottom: 10px;} .showpro-details p{margin: 5px 0;} .showpro-details img{max-width: 100%;height:auto !important;} .showpro-details video{max-width: 100%;height:auto !important;} @media (max-width:767px){ .showpro-details{font-size: 14px;line-height: 1.6;} } /*相关产品*/ .nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyaboutpro>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #e60012 solid;color: #e60012;font-size: 18px;font-weight: bold;background:url(../images/nyaboutproico.png) no-repeat left;} #abprolist{margin:20px 0;} #abprolist li{padding:0 10px;} #abprolist li a{display:block;} #abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;} #abprolist li a .abpro-img img{display:block;max-width:100%;} #abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;} #abprolist li a:hover .abpro-img{border-color:#e60012;} #abprolist li a:hover p{background:#e60012;color:#fff;} /* 标签 */ .pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;} .pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;} .pro_key a:hover{background:#e60012;} /* 分享按钮 */ .jiathis{padding-top:10px;height:35px;line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;} .jiathis .jiathis_txt{float: left;} /* 上下页按钮 */ .ny-page{overflow: hidden;margin-bottom:30px;} .ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;} .ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} /* 搜索模块 */ .nysearch-ul{overflow: hidden;} .nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;overflow:hidden;} .nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #e60012;margin-right: 5px;position: relative;top:0;padding: 4px 6px;} .nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #e60012;} .nysearch-til>a:hover{background:#333;} .nysearch-til>a:hover .nysearch-arrow{border-left-color:#333;} .nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;} .nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date {color: #333;line-height: 20px;font-size: 12px;} .nysearch-date span{color: #999;} .nysearch-date p{float: left;margin: 0;} .nysearch-date i{margin-right: 5px;} .nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nysearch-con a.nysearch-more:hover{background: #e60012;left:10px;} /*联系我们*/ .product-inlist{background-color:#f6f6f6;} .contact_meg {float:right;width:50%;height:510px;z-index:3;background:#f6f6f6;} .meg_con .title2 {font-size:28px;color:#333333;max-width:510px;margin-bottom:24px;margin-top:35px;font-weight:bold;} .meg_con .tel {padding:18px 0;border-top:solid 1px #333;border-bottom:solid 1px #333;color:#333;max-width:510px;font-size:30px;} .meg_con .tel img {display:inline-block;} .meg_con .megs {margin-top:28px;font-size:15px;line-height:36px;} .meg_con {width:100%;z-index:3;padding-left:8%;padding-right:4%;box-sizing:border-box;} .my-map {margin:0 auto;width:50%;height:510px;float:left;} .amap-container {height:100%;} @media only screen and (max-width:1199px) { .meg_con {width:100%;position:unset;padding-left:5%;box-sizing:border-box;} .meg_con .title2, .meg_con .tel{max-width: initial;width: 100%;} .contact_meg {width:100%;float:none;height:auto;padding-bottom:40px} .my-map {margin:0 auto;width:100%;height:400px;float:none;} } @media only screen and (max-width:991px) { .product-inlist>div{margin-bottom: 0 !important;} .product-inlist{margin-bottom: 0;} } @media only screen and (max-width:768px) { .meg_con .title2 {margin-bottom:16px;margin-top:20px;font-size:24px;} .meg_con .megs {font-size:14px;line-height:30px;} .meg_con .tel {padding:10px 0;font-size:20px;} .meg_con .tel img {width:26px;} .meg_con .megs {margin-top:10px;} .meg_con .tel img {width:20px;margin-bottom:0;} .meg_con .title2 {font-size:22px;} .product-inlist {margin-top:10px;} } /*翻页样式*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{line-height: 25px;} .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: Tahoma, Verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#e60012; display: inline-block; } .metpager_5 a:hover { border:1px solid #e60012; color:#fff; background-color:#e60012;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#e60012; border:1px solid #e60012; text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} @media (max-width:767px){ .digg4>span:nth-child(-n+2){display:none;} } .acgkh_ys { overflow: hidden; padding:50px 0; background: #f5f5f5;} .acgkh_ys .acgkh_t { text-align: center; } .acgkh_ys .acgkh_t h2 { font-size: 36px; color: #333; font-weight: bold; } .acgkh_ys .acgkh_nr { margin-top: 50px; overflow: hidden; } .acgkh_ys .acgkh_nr .acgkh_nr_l { display: block; } .acgkh_ys .acgkh_nr .acgkh_nr_l dt { display: block; } .acgkh_ys .acgkh_nr .acgkh_nr_l dt img { width: 100%; display: block; } .acgkh_ys .acgkh_nr .acgkh_nr_r { background: #fff; display: block; padding: 30px; } .acgkh_ys .acgkh_nr .acgkh_nr_r .text_1 { font-size: 28px;font-weight: bold; color: #E6181D; margin-top: 46px; margin-bottom: 20px; } .acgkh_ys .acgkh_nr .acgkh_nr_r .text_2 { font-size: 16px; color: #666; line-height: 2; } .acgkh_qy { overflow: hidden; background: #fff; padding:50px 0; } .acgkh_qy .acgkh_qy_t { text-align: center; } .acgkh_qy .acgkh_qy_t h2 { font-size: 36px; color: #333; font-weight: bold; } .acgkh_qy_nr { margin-top: 50px; overflow: hidden; } .acgkh_qy_nr li { padding: 10px 0 30px;text-align: center; } .acgkh_qy_nr li div { width: 90%; height: 100%; background: #f7f7f7;border-radius: 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding: 35px 30px; margin: 0 auto; overflow: hidden; transition: .5s; } .acgkh_qy_nr li div p { font-size: 28px; color: #666; line-height: 2; } .acgkh_qy_nr li div span { font-size: 18px; color: #999; } .ackkh_cp { background: url(img/bg-icon3.jpg); overflow: hidden; } .ackkh_cp .ackkh_cp_desc { float: left; padding-top: 60px; } .ackkh_cp .ackkh_cp_desc p { text-shadow: 0 6px 1px rgba(40,35,255,.9); font-size: 60px;line-height: 70px; padding: 10px 0 20px; font-weight: 700; color: #fff;} .ackkh_cp .ackkh_cp_desc em { display: block;width: 100%;color: #fff700; font-weight: 700; } .ackkh_cp .ackkh_cp_desc span { display: block; color: #fff;text-shadow: 0 4px 1px rgba(35,35,255,.9); font-size: 40px; } .ackkh_cp dt { float: right; overflow: hidden;} .ackkh_cp dt img { max-width: 100%; display: block; } .ackkh_lc { overflow: hidden; padding:50px 0; } .ackkh_lc .ackkh_lc_t { text-align: center; } .ackkh_lc .ackkh_lc_t h2 { font-size: 36px; color: #333; font-weight: bold; } .ackkh_lc_nr { margin-top: 50px; overflow: hidden; } .ackkh_lc_nr li { padding-right: 80px; padding-left: 80px; text-align: center; position: relative;} .ackkh_lc_nr li::after { position: absolute; content: ''; width: 30px; height: 59px; display: block; background: url(../images/lcico0.png)no-repeat center / cover; top: 25%; right: -17px;} .ackkh_lc_nr li:last-child::after { display: none; } .ackkh_lc_nr li dt { overflow: hidden; display: block; } .ackkh_lc_nr li dt img { max-width: 100%; display: block; } .ackkh_lc_nr li span { font-size: 18px; color: #454545; line-height: 2; margin-top: 20px; display: block;} .ackkh_td { background: #f5f5f5; overflow: hidden; padding:50px 0; } .ackkh_td h2 { font-size: 36px;color: #333;font-weight: bold; text-align: center; } .ackkh_td .pro-one { margin-top: 40px; } @media(max-width: 1199px) { .acgkh_ys .acgkh_nr .acgkh_nr_r .text_1 { font-size: 24px; margin-top: 26px;} .acgkh_ys .acgkh_nr .acgkh_nr_r { padding:20px; } .acgkh_ys .acgkh_nr .acgkh_nr_r .text_2 { font-size: 14px; } .acgkh_qy_nr li div p { font-size: 22px; } .acgkh_qy_nr li div { height: 282px; } .ackkh_cp .ackkh_cp_desc { padding-top: 30px; } .ackkh_cp .ackkh_cp_desc p { font-size: 42px; line-height: 1.4; } .ackkh_cp dt img { max-width: 70%; float: right; } .ackkh_cp .ackkh_cp_desc span { font-size: 32px; } .ackkh_lc_nr li { padding-left: 45px; padding-right: 45px; } } @media(max-width: 991px) { .acgkh_qy { padding-top: 50px; } .acgkh_qy .acgkh_qy_t h2 { font-size: 30px; } .acgkh_qy_nr { margin-top: 40px; } .ackkh_cp .ackkh_cp_desc p { font-size: 32px; } .ackkh_cp dt { float: none; } .ackkh_cp .ackkh_cp_desc span { font-size: 24px; } .ackkh_lc_nr li { padding-left: 25px; padding-right: 25px; } } @media( max-width: 767px) { .acgkh_qy_nr li div { padding:15px 10px; } .acgkh_qy_nr li div p { font-size: 20px; } .acgkh_qy { padding-bottom: 40px; } .acgkh_ys { padding:40px 0; } .acgkh_ys .acgkh_t h2 { font-size: 26px; } .acgkh_ys .acgkh_nr .acgkh_nr_r .text_1 { font-size: 22px; } .acgkh_qy .acgkh_qy_t p { font-size: 14px; color: #999; line-height: 2; } .acgkh_qy .acgkh_qy_t h2 { font-size: 26px; } .ackkh_cp dt img { max-width: 100%; } .ackkh_cp .ackkh_cp_desc p { font-size: 24px; } .ackkh_cp .ackkh_cp_desc span { font-size: 20px; } .ackkh_lc { padding:40px 0 20px 0; } .ackkh_lc .ackkh_lc_t h2 { font-size: 26px; } .ackkh_lc_nr li { padding-left: 45px; padding-right: 45px; margin-bottom:30px;} .ackkh_td { padding:40px 0; } .ackkh_td h2 { font-size: 26px; } .ackkh_zx { padding-top: 40px; } } @media( max-width: 500px) { .acgkh_qy { } .acgkh_ys .acgkh_nr .acgkh_nr_r .text_1 { font-size: 18px; margin-top: 16px; margin-bottom:10px; } .acgkh_qy .acgkh_qy_t h2 { font-size: 26px; letter-spacing: 0; } .acgkh_qy_nr li div { height: 260px; } .acgkh_qy_nr li div span { font-size: 14px; line-height: 1.6; margin-top:5px; display: block;} .acgkh_qy_nr li div p { font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ackkh_cp .ackkh_cp_desc { padding-top: 10px; } .ackkh_cp .ackkh_cp_desc p { font-size: 20px; } .ackkh_cp .ackkh_cp_desc span { font-size: 16px; } .ackkh_lc_nr li { padding-left: 30px; padding-right: 30px; } .ackkh_lc_nr li span { font-size: 14px; } } /*代运营*/ .index-title{ text-align: center; } .index-title p{ font-size: 40px; color: #333; } .index-title p font{ color: #0080e2; } .index-title span{ font-size: 16px; color: #999; } .yunywenti {overflow: hidden;} /*痛点*/ .yunywenti{padding: 50px 0 50px 0;overflow: hidden;background: #f5f5f5 url("img/yunykunr.png") no-repeat center 190px;} .yunywentimain { position: relative;margin: 80px 0 0 0; overflow: hidden;} .yunywentimain .wenti_left02 {padding-left: 0px;} .yunywentimain .wenti_right02 {padding-right: 0px;} .wentitel02{color: #fff;margin: 140px 0 0 0px;height: 61px;} .wentitel02 img{width: 40px;display: inline-block;float: left;} .wentitel02 span{font-size: 14px;line-height: 30px;padding-left: 7px;} .wentitel02 p{font-size: 28px;font-family: leto-bold;line-height: 35px;padding-left: 37px;} .comyangshi{background: url(../images/cha.png) no-repeat right top;padding-right: 40px;text-align: right;} .comyangshi p,.comyangshi02 p{font-size: 24px;font-weight: 700;color: #0080e2;padding-bottom: 10px;line-height: 31px;} .comyangshi span,.comyangshi02 span{font-size: 14px;color: #666;line-height: 24px; height: 44px; display: block;} .comyangshi02{background: url(../images/cha.png) no-repeat left top;padding-left: 40px;text-align: left;} .wentitel{color: #fff;margin: 155px 0 0 75px;height: 61px;} .wentitel img{width: 30px;display: inline-block;float: left;} .wentitel span{font-size: 14px;line-height: 30px;padding-left: 7px;} .wentitel p{font-size: 28px;font-family: leto-bold;line-height: 35px;padding-left: 37px;} .wentizixun{margin: 118px 0 0 61px;} .wentizixun p{font-size: 30px;font-weight: 700;color: #fff;} .wentizixun span{font-size: 16px;color: #79c5ff;} .wentizixun a{display: block;width: 194px;height: 46px;font-size: 16px;color: #fff;text-align: center;line-height: 43px;border: 2px solid #79c5ff;border-radius: 50px;font-weight: 700;margin: 20px 0 0 0;} .wenti01{margin-right: 300px;} .wenti02{margin:80px 340px 80px 0;} .wenti03{margin-right: 320px;} .wenti04{margin-left: 280px;} .wenti05{margin:80px 0 80px 340px;} .wenti06{margin-left: 350px;} /*解决痛点*/ .indexyoushi{overflow: hidden;padding: 70px 0;background: #fff;} .inysmain{overflow: hidden;margin: 50px 0 0 0;} .inysli{width: 22%;display: inline-block;margin: 0 1%;background: #f5f5f5;} .inysli .ico{width: 100%;margin: 50px 0;} .inysli .ico img{margin: 0 auto;display: block;} .inysli .wen{padding: 0 10% 15% 10%;text-align: center;} .inysli .wen p{font-size: 22px;color: #333;font-weight: 700;padding-bottom: 20px;} .inysli .wen span{color: #666;font-size: 16px;line-height: 28px;} /*优势*/ .zhengzhan{padding: 70px 0;background: #f5f5f5;} .seozzmain{background: #fff;overflow: hidden;} .zzseoleft{padding: 7% 5%;background: #fff;width: 45%;float: left;} .zzseoleft p{font-size: 40px;} .zzseoleft i{display: block;width: 20px;height: 2px;background: #333;margin: 30px 0;} .zzseoleft span{font-size: 16px;line-height: 33px;color: #999;display: block;} .zzseoright{width: 55%;float: right;padding:3% 5% 0% 5%;color: #fff;background: #0080e2;} .zzseoli{overflow: hidden;padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,.1);} .zzseoli .ico{width: 13%;float: left;font-family: leto-bold;font-size: 50px;opacity: .4;} .zzseoli .wen{float: left;width: 87%;} .zzseoli .wen p{font-size: 18px;line-height: 30px;} .zzseoli .wen span{font-size: 14px;opacity: .7;} /*合作流程*/ .seoliucheng{padding: 100px 0;text-align: center;overflow: hidden;width: 100%; display: flex;align-items: center; justify-content: center;} .liuchengmain{margin: 50px 0 0 0;overflow: hidden; display: flex;} .liuchengli{display: inline-block;flex: 1;} .jiantou{display: block;} .jiantou img{margin-top: 55px;width: 30px;} .liuchengli p.pic{display: block;margin: 0 auto 0 auto;width: 140px;height: 140px;background: #fff;border-radius: 50%;overflow: hidden;border: 1px solid rgba(0,128,226,.1);box-shadow: 0px 7px 10px rgba(0,128,226,.2);} .liuchengli p.pic img{margin-top: 47px;width: 55px;} .liuchengli p.wen{padding-top:30px;display: block;} .seonews{background: #fff;padding: 80px 0;} /*我们的优势*/ .webjians02{background-image: url("img/xysysbj.jpg");background-size: cover;background-position: center top;padding:70px 0;} .webjians-title{width: 100%;text-align: center;} .webjians-title p{font-size: 40px;color: #fff;} .webjians-title span{font-size: 16px; color: rgba(255,255,255,.5);} .xysyoushi{text-align: center;overflow: hidden;margin-top: 50px;} .xysyoushi li{display: inline-block;width: 40%;margin: 0 .5% 1% .5%;background: rgba(0,0,0,.7);padding: 3% 2%;overflow: hidden;min-height: 167px;position: relative;} .xysyoushi li:before {content: " ";position: absolute;top: 0;left: 0;width: 0;height: 5px;background: #0080e2;transition: all .8s ease;-moz-transition: all .8s ease;-webkit-transition: all .8s ease;-o-transition: all .8s ease;} .xysyoushi li:hover:before {width: 100%;} .xysyoushi li span.icon{width: 15%;float: left;} .xysyoushi li span.icon img{width: 60px;} .xysyoushi li .wen{width: 72%;float: left;padding-left: 2%;text-align: left;} .xysyoushi li .wen h3{font-size: 18px;color: #fff;padding-bottom: 10px;} .xysyoushi li .wen p{font-size: 14px;line-height: 22px;color: #999;} /*关于我们*/ .abjianjie{padding: 50px 0;background: #F1F1F1;} .jianjiemain{overflow: hidden;background: #fff;height: auto;} .jjmain-left{width: 50%;float: left;padding:3%;} .jjmain-right{float: left;width: 50%;height: 100%;overflow: hidden;padding:3%;} .jjmain-right img{width: 100%;height: 100%;} .jjmain-left .title{padding:0;text-align: left;} .jjmain-left .title p{font-size: 60px;font-family: leto-bold;color: #333;font-weight: 700;text-transform: uppercase;} .jjmain-left .title span{line-height:30px;font-size: 18px;} .jjmain-left .note{font-size: 14px;line-height: 30px;color: #666;margin-top: 50px;} .jjwenhua{padding-bottom: 50px;background: #f1f1f1;} .jjwenhuamain{overflow: hidden;} .jjwenhuamain li{display: block;width: 33.33%;float: left;} .jjwenhuamain li .pic{width: 100%;overflow: hidden;height: 260px;} .jjwenhuamain li .pic img{width: 100%;} .jjwenhuamain li .wen{width: 100%;background: #fff;overflow: hidden;height: 260px;padding:10%;} .jjwenhuamain li .wen p.title{font-size: 30px;color: #333;font-weight: 700;padding-bottom: 10px;} .jjwenhuamain li .wen i{display: block;width: 20px;height: 2px;background: #333;margin: 20px auto;} .jjwenhuamain li .wen span{font-size: 14px;color: #999;line-height: 24px;} .gywm_td { background: #f1f1f1; overflow: hidden; padding-bottom: 20px;} .gywm_td .incont { margin-bottom: 40px; } .gywm_td .incont .incont-til h4{font-size: 20px;color: #333;text-transform: uppercase;font-weight: normal;} .gywm_td .incont .incont-til h3 {font-size: 36px;color: #333;font-weight: bold;margin-top: 12px;} @media(max-width: 1199px) { .yunywenti { background: none;background-color: #f5f5f5; } .comyangshi { background: url(../images/cha.png) no-repeat left top; padding-right: 0px; text-align: left; padding-left:40px; } .wenti02 { margin: 80px 0px; } .wenti03 { margin-right: 0px; } .wenti01 { margin-right: 0; } .wenti04 { margin-left: 0px; } .wenti05 { margin: 80px 0px; } .wenti06 { margin-left: 0px; } .yunywentimain .wenti_left02 { padding-left: 100px; } .inysli .ico img { max-width: 90%; } .inysli .wen p { font-size: 19px; } .zzseoleft p { font-size: 36px; } .seoliucheng { padding:50px 0; } .liuchengli p.pic { width: 100px; height: 100px; } .liuchengli p.pic img { margin-top: 33px; width: 40px; } .jiantou img {margin-top: 40px;} .jjmain-left { width: 100%; } .jjmain-right { display: none; } .jjmain-left .note { margin-top: 30px; } .jjwenhuamain li .wen { height: 235px; } .jjwenhuamain li .pic { height: 235px; } } @media(max-width: 991px) { .indexyoushi { padding:50px 0; } .inysli .wen p { height: 74px; display: block; } .xysyoushi li span.icon { width: 26%; } .zzseoli .ico { width: 20%; } .zzseoli .wen { width: 80%; } .jjwenhuamain li .pic { height: 178px; } .jjwenhuamain li .wen { height: 178px; } .jjwenhuamain li .wen span { line-height: 20px; } .jjwenhuamain li .wen p.title { font-size: 24px; padding-bottom: 0px; } .jjwenhuamain li .wen i { margin:10px 0; } } @media(max-width: 767px) { .yunywentimain .wenti_left02 { padding-left: 0px; } .index-title p { font-size: 30px; } .yunywentimain { margin-top: 40px; } .comyangshi p, .comyangshi02 p { font-size: 20px; } .inysli { width: 47%; margin-bottom: 20px; height: 445px; display: block; float: left; } .webjians-title p { font-size: 30px; } .xysyoushi li { width: 48%; } .xysyoushi li span.icon { width: 28%; } .zhengzhan { padding:50px 0; } .zzseoleft p { font-size: 26px; } .zzseoli .ico { width: 22%;font-size: 36px; } .zzseoli .wen { width: 75%; } .liuchengmain { margin-top: 40px; display: block; } .jiantou { display: none; } .liuchengli { width: 50%; display: block; float: left; margin: 0 auto; margin-bottom: 30px; } .jjmain-left .title p { font-size: 42px; } .jjwenhuamain li { width: 100%; margin-bottom: 30px; } .jjwenhuamain li .pic { height: 260px; } .jjwenhuamain li .wen { height: 260px; } .jjwenhuamain li .wen i { margin: 20px 0; } .jjwenhuamain li .wen span { line-height: 24px; } } @media(max-width: 500px) { .index-title p { font-size: 26px; } .webjians02 { padding:50px 0; } .xysyoushi li { width: 100%;min-height: auto; } .zzseoleft { width: 100%; } .zzseoright { width: 100%; } }